<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8" /> 
	<title>湖北省“互联网+放管服”展示平台</title>
    <link rel="stylesheet" href="../../js/css/screen/base.css">
    <link rel="stylesheet" href="../../js/css/screen/style.css">
    <link rel="stylesheet" href="../../js/css/screen/tyrz.css">

    <script src="../../js/screen/echarts.min.js"></script>
    <script src="../../js/screen/jquery-1.7.2.min.js"></script>
    <script src="../../js/screen/tyrz.js"></script>   
    <script src="../../js/screen/action.js"></script>  

    <style type="text/css">
		.mid_center{
		width:100%; 
		text-align:center;
		font-size: 35px;
		margin-left:220px
    }
    </style>
</head>
<body>
<div class="page_father">
<!--header start-->  
 
	<div class="header clearfix">
    <!--logo-->
    <h1 class="logo fl"></h1>
    <!--top menu-->
    <div class="menu_top fl">
      <ul>
        <li id="aindex"><a href="index.html"><span class="bg_lf"></span><span class="bg_mid">首页</span><span class="bg_rt"></span></a></li>
 
        <li id="acertifiedindex">
        <a href="certifiedindex.html" class="selted_a"><span class="bg_lf"></span><span class="bg_mid">统一认证</span><span class="bg_rt"></span></a>
        </li>
        <li id="alicenseindex"><a href="licenseindex.html"><span class="bg_lf"></span><span class="bg_mid">电子证照</span><span class="bg_rt"></span></a></li>
        <li id="adirectory1"><a href="directory1.html"><span class="bg_lf"></span><span class="bg_mid">资源目录</span><span class="bg_rt"></span></a></li>
        <li id="aexchange"><a href="exchange.html"><span class="bg_lf"></span><span class="bg_mid">共享交换</span><span class="bg_rt"></span></a></li>
        <li id="awwfg"><a href="wwfg.html"><span class="bg_lf"></span><span class="bg_mid">网络覆盖</span><span class="bg_rt"></span></a></li>
      </ul>
    </div>
    <!--top week-->
    <div class="top_week fl">
       <span id="week_data"></span><br><span id="today_data"></span>
    </div>
    <!--top time-->
    <!-- 
    <div class="top_time fl">
    	<span class="hour_time fl" id="hour_id" style="margin-left:15px;font-size:32px;"></span>
    	<span class="sed_time fl" id="min_id" style="margin-left:15px;font-size:32px;"></span>
    </div> -->
  </div> 
<!--header end-->

    <!--bodyer start-->
    <div class="bodyer">
        <!--footer-->
        <div class="footer"></div>
        <div class="leftInfo"><em>法人</em><span id="frtotal"></span></div>
        <div class="centerInfo">统一认证</div>
        <div class="rightInfo"><em>自然人</em><span id="zrrtotal"></span></div>
        <!--仪表盘主体内容-->
        <div class="bodyer_child_info clearfix">
            <div class="w50 fl">
                <ul class="legalinfo">
                    <li class="color1">
                        <div class="fl">
                            <p>证书</p>
                            <p>实名</p>
                        </div>
                        <div class="fl numlegal" id="frzssm"></div>
                    </li>
                    <li class="color2">
                        <div class="fl">
                            <p>基础库</p>
                            <p>实名</p>
                        </div>
                        <div class="fl numlegal" id="frjcsm"></div>
                    </li>
                    <li class="color3">
                        <div class="fl">
                            <p>人工</p>
                            <p>实名</p>
                        </div>
                        <div class="fl numlegal" id="frrgsm"></div>
                    </li>
                    <li class="color4">
                        <div class="fl">
                            <p>中级</p>
                            <p>用户</p>
                        </div>
                        <div class="fl numlegal" id="frzjyh"></div>
                    </li>
                    <li class="color5">
                        <div class="fl">
                            <p>高级</p>
                            <p>用户</p>
                        </div>
                        <div class="fl numlegal" id="frgjyh"></div>
                    </li>
                </ul>
                <div class="chart">
                    <div class="h50">
                        <div class="half fl">
                            <div id="bar1" class="h100"></div>
                        </div>
                        <div class="half fl">
                            <div id="line1" class="h100"></div>
                        </div>
                    </div>
                    <div class="h50">
                        <div class="half fl">
                            <div id="line2" class="h100"></div>
                        </div>
                        <div class="half fl">
                            <div class="w33 fl">
                                <div id="pie1" class="h100"></div>
                            </div>
                            <div class="w33 fl">
                                <div id="pie2" class="h100"></div>
                            </div>
                            <div class="w33 fl">
                                <div id="pie3" class="h100"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="w50 fl">
                <div class="half fl">
                    <div class="mgt-72 clearfix h260">
                        <div class="w70 fl">
                            <ul class="zrperson">
                                <li class="half color7">
                                    <div class="fl w40">
                                        <p>公安</p>
                                        <p>实名</p>
                                    </div>
                                    <div class="fl numzr" id="zrrgasm"></div>
                                </li>
                                <li class="half color8">
                                    <div class="fl w40">
                                        <p>支付宝</p>
                                        <p>实名</p>
                                    </div>
                                    <div class="fl numzr" id="zrrzfbsm"></div>
                                </li>
                            </ul>
                            <ul class="zrperson">
                                <li class="half color9">
                                    <div class="fl w40">
                                        <p>银联</p>
                                        <p>实名</p>
                                    </div>
                                    <div class="fl numzr" id="zrrylsm"></div>
                                </li>
                                <li class="half color6">
                                    <div class="fl w40">
                                        <p>人工</p>
                                        <p>实名</p>
                                    </div>
                                    <div class="fl numzr" id="zrrrgsm"></div>
                                </li>
                            </ul>
                        </div>
                        <div class="w30 fl">
                            <div id="pie4" class="h100"></div>
                        </div>
                    </div>
                    <div class="chartBox">
                        <div class="h50">
                            <div id="bar2" class="h100"></div>
                        </div>
                        <div class="h50">
                            <div class="w33 fl">
                                <div id="pie6" class="h100"></div>
                            </div>
                            <div class="w33 fl">
                                <div id="pie7" class="h100"></div>
                            </div>
                            <div class="w33 fl">
                                <div id="pie8" class="h100"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="half fl">
                    <div class="mgt-72 clearfix h260">
                        <div class="w30 fl">
                            <div id="pie5" class="h100"></div>
                        </div>
                        <div class="w70 fl">
                            <ul class="zrperson">
                                <li class="half color11">
                                    <div class="fl w40">
                                        <p>中级</p>
                                        <p>用户</p>
                                    </div>
                                    <div class="fl numzr" id="zrrzjyh"></div>
                                </li>
                                <li class="half color10">
                                    <div class="fl w40">
                                        <p>初级</p>
                                        <p>用户</p>
                                    </div>
                                    <div class="fl numzr" id="zrrcjyh"></div>
                                </li>
                            </ul>
                            <ul class="zrperson"> 
                                <li class="half color13">
                                    <div class="fl w40">
                                        <p>未实名</p>
                                        <p>用户</p>
                                    </div>
                                    <div class="fl numzr" id="zrrwsmyh"></div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="chartBox">
                        <div class="h50">
                            <div id="line3" class="h100"></div>
                        </div>
                        <div class="h50">
                            <div id="bar3" class="h100"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--header end-->

</div>
	<script type="text/javascript"> 
	// 法人汇总 登陆人数、法人总数、自然人总数	(查询登陆人数、法人总数、自然人总数)
	function frbase() { 
 	    var msg={"gjCount":"2","jckCount":"9744","regCount":"9960","zjCount":"9958","zsCount":"2","success":"true","rgCount":"214"};
	   $("#frtotal").html(parseFloat(msg.regCount).toLocaleString()); 
	   $("#frrgsm").html(parseFloat(msg.rgCount).toLocaleString()); 
	   $("#frjcsm").html(parseFloat(msg.jckCount).toLocaleString()); 
	   $("#frzssm").html(parseFloat(msg.zsCount).toLocaleString()); 
	   $("#frzjyh").html(parseFloat(msg.zjCount).toLocaleString()); 
	   $("#frgjyh").html(parseFloat(msg.gjCount).toLocaleString());
	}
	frbase();
	//	用户汇总   自然人 初级用户 6,669 中级用户 5,559 高级用户 2,366 未实名用户 32121
	function zrrsmhz() {
 	    var msg={"zfbCount":"2023","dcsmCount":"369","gjCount":"0","cjCount":"299704","swryCount":"7083","regCount":"324551","zjCount":"471","wsmCount":"24376","ylCount":"471","gaCount":"298013","success":"true","rgCount":"37"};
 	    
	   $("#zrrtotal").html(parseFloat(msg.regCount).toLocaleString()); 
	   $("#zrrrgsm").html(parseFloat(msg.rgCount).toLocaleString());
	   $("#zrrgasm").html(parseFloat(msg.gaCount).toLocaleString()); 
	   $("#zrrzfbsm").html(parseFloat(msg.zfbCount).toLocaleString()); 
	   $("#zrrylsm").html(parseFloat(msg.ylCount).toLocaleString()); 
	   
	   $("#zrrcjyh").html(parseFloat(msg.cjCount).toLocaleString()); 	 	           
	   $("#zrrzjyh").html(parseFloat(msg.zjCount).toLocaleString()); 
	   //$("#zrrgjyh").html(parseFloat(msg.gjCount).toLocaleString());   
	   $("#zrrwsmyh").html(parseFloat(msg.wsmCount).toLocaleString()); 
	}
	zrrsmhz();

	// 法人一年用户增长情况 bar1init
	function fryzyhzzqk() {
 	    var msg={"json":"{name:'企业、农专社',data:[0,0,0,0,12,216,120,95,181,699,175,5958]},{name:'社团、民非、基金会',data:[0,0,0,0,0,8,1,1,5,5,4,186]},{name:'个体',data:[0,0,0,0,0,2,8,15,30,17,22,270]},{name:'事业单位',data:[0,0,0,0,4,26,17,12,36,35,39,815]},{name:'政府机关',data:[0,0,0,0,1,0,1,0,2,2,6,467]}","xdata":"'8月','9月','10月','11月','12月','1月','2月','3月','4月','5月','6月','7月'"};
 
	   var strval1;
	   var strval2;
	   var strval3;
	   var strval4;
	   var strval5;
	   if(msg.json.length==5) {
		   strname1=msg.json[0].name;
		   strval1=eval('([' +msg.json[0].data+ '])');

		   strname2=msg.json[1].name;
		   strval2=eval('([' +msg.json[1].data+ '])');

		   strname3=msg.json[2].name;
		   strval3=eval('([' +msg.json[2].data+ '])');

		   strname4=msg.json[3].name;
		   strval4=eval('([' +msg.json[3].data+ '])');

		   strname5=msg.json[4].name;
		   strval5=eval('([' +msg.json[4].data+ '])');
	   }		    	   
	   bar1init(strval1,strval2,strval3,strval4,strval5);	   	    	   
	}
	fryzyhzzqk();
	
	// 法人近一月使用情况
	function frjyysyqk() { 
 	    var msg={"json":[{"name":"登录数量","data":"252,243,408,49,25,13,306,276,259,260,91,81,492,310,352,1298,1738,320,149,2294,2049,3068,2639,2377,276,153,2937,2857,2866,2839"},{"name":"注册数量","data":"10,15,15,1,0,0,9,23,17,41,21,41,121,76,77,216,232,21,2,323,276,282,3997,288,22,10,327,335,365,533"}],"xdata":"'2018-6-13','2018-6-14','2018-6-15','2018-6-16','2018-6-17','2018-6-18','2018-6-19','2018-6-20','2018-6-21','2018-6-22','2018-6-23','2018-6-24','2018-6-25','2018-6-26','2018-6-27','2018-6-28','2018-6-29','2018-6-30','2018-7-01','2018-7-02','2018-7-03','2018-7-04','2018-7-05','2018-7-06','2018-7-07','2018-7-08','2018-7-09','2018-7-10','2018-7-11','2018-7-12'"};
 
 
		   var strname1="";
		   var strname2="";
		   var strval1="";
		   var strval2="";  
		   for(i=0;i<msg.json.length;i++)  {
			   if(msg.json[i].name=="登录数量") { 
				   strval1=msg.json[i].data;
			   }
			   else {
				   strval2=msg.json[i].data 			   
			   }
		   } 
		   line1init(eval('(['+msg.xdata+'])'),eval('(['+strval1+'])'),eval('(['+strval2+'])') );

	}
	frjyysyqk();

	// 自然人一周用户增长情况
	function zrryzyhzzqk() {
 	    var msg={"json":[{"name":"未实名用户","data":"405,178,131,483,605,1608,5857"},{"name":"实名用户","data":"5125,556,236,4034,5246,8116,15745"}],"xdata":"'星期五','星期六','星期日','星期一','星期二','星期三','星期四'"};
 
	   var strname1; 
	   var strname2;  
	   var strval0=eval('([' +msg.xdata+ '])'); 

	   var strval1;
	   var strval2=[0,0,0,0,0,0,0];
	   if(msg.json.length>0){
		   strval1=eval('([' +msg.json[0].data+ '])');
		   strname1=msg.json[0].name;
	   }
	   if(msg.json.length>1){
		   strval2=eval('([' +msg.json[1].data+ '])');
		   strname2=msg.json[1].name;	
	   }
	   bar2init(strval0,strval1,strval2,strname1,strname2); 

	}
	zrryzyhzzqk();
	

	// 一周法人活跃度 line2xdata 
	function fryzfrhyd() {
 	    var msg={"json":[{"name":"企业、农专社","data":"1441,191,81,1783,1671,1630,1660"},{"name":"社团、民非、基金会","data":"39,6,1,31,49,79,66"},{"name":"个体","data":"164,22,9,163,246,156,129"},{"name":"事业单位","data":"394,42,43,459,515,591,549"},{"name":"政府机关","data":"335,15,19,501,376,410,435"}],"xdata":"'星期五','星期六','星期日','星期一','星期二','星期三','星期四'"};
  
		   var strval1;
		   var strval2;
		   var strval3;
		   var strval4;
		   var strval5;
		   var strname1="";
		   var strname2="";
		   var strname3="";
		   var strname4="";
		   var strname5=""; 
			if(msg.json.length>0) {
			   strname1=msg.json[0].name;
			   strval1=eval('([' +msg.json[0].data+ '])');
			}
			if(msg.json.length>1){
			   strname2=msg.json[1].name;
			   strval2=eval('([' +msg.json[1].data+ '])');
			}
			if(msg.json.length>2){	
			   strname3=msg.json[2].name;
			   strval3=eval('([' +msg.json[2].data+ '])');
			}
			if(msg.json.length>3){	
			   strname4=msg.json[3].name;
			   strval4=eval('([' +msg.json[3].data+ '])');
			}
			if(msg.json.length>4){	
			   strname5=msg.json[4].name;
			   strval5=eval('([' +msg.json[4].data+ '])');
		   }
		   line2init(eval('([' +msg.xdata+ '])'),strname1,strval1,strname2,strval2,strname3,strval3,strname4,strval4,strname5,strval5);

	}
	fryzfrhyd();

	// 一周用户登录情况 // line3init 
	function zrryzyhdlqk() { 
 	    var msg={"json":"{name:'未实名用户',data:[348,163,72,427,599,1234,5397]},{name:'实名用户',data:[3617,684,359,3365,4400,6346,14977]}","xdata":"'星期五','星期六','星期日','星期一','星期二','星期三','星期四'"};
 
	   var strval1;
	   var strval2; 
	   var strname1="";
	   var strname1=""; 
	   var jsonstr=eval('([' +msg.json+ '])');
	   if(jsonstr.length==2) { 
		   strname1=jsonstr[0].name;
		   strval1=eval('([' +jsonstr[0].data+ '])');
		   
		   strname2=jsonstr[1].name;
		   strval2=eval('([' +jsonstr[1].data+ '])');
		   line3init(eval('([' +msg.xdata+ '])'),strname1,strval1,strname2,strval2);
	   }
 
	}
	zrryzyhdlqk();

	// 年龄统计 bar3init bar3data2
	function zrrnltj() {
 	    var msg={"name":"人数","data":["459","955","1919","3217","5063","6773","7687","8819","10131","11589","11173","11082","10244","8597","7701","7352","7875","7891","7115","8723","8306","8216","8420","8518","8260","8180","9015","8926","8837","8599","8297","5968","5110","5121","5490","6113","5290","3063","1609","1726","1604"],"xdata":["20","21","22","23","24","25","26","27","28","29","30","31","32","33","34","35","36","37","38","39","40","41","42","43","44","45","46","47","48","49","50","51","52","53","54","55","56","57","58","59","60"]};

	   var strval0=msg.data;
	   var strval1=msg.xdata;  
	   bar3init(strval1,strval0); 
	}
	zrrnltj();
	
	// 法人占比   pie3init
	function statisticsAction_showEntTypeNew(){
 	    var msg=[{"社团、民非、基金会":211,"企业、农专社":7462,"个体":364,"政府机关":480,"事业单位":996}]; 
	   var maparr = []; 
	   var tmpj=-1;
		$.each(msg[0], function (k, v,index) {
			//
			tmpj++;
			maparr[tmpj]=eval("({name:'"+k+"',value:"+v+"})");
		}); 
	   pie3init(maparr);   
	}
	statisticsAction_showEntTypeNew(); 
	    

	// 自然人认证方式    pie1init(piedata) 
	function zrrrzfsnewsss() {
 	    var msg=[{"证书实名":2,"人工实名":209,"基础库实名":9303}];
	   var maparr = [];
	   var tmpj=-1;
		$.each(msg[0], function (k, v,index) {
			//
			tmpj++;
			maparr[tmpj]=eval("({name:'"+k+"',value:"+v+"})");
		}); 
	   pie1init(maparr); 
	}
	zrrrzfsnewsss();
	
	// 自然人用户\n等级pie2init 
	function zrryhdjfunnew() { 
 	    var msg={"gjCount":"2","jckCount":"9765","regCount":"9982","zjCount":"9980","zsCount":"2","success":"true","rgCount":"215"}; 
	   var maparr = [];  
	   maparr[0]=eval("({name:'高级用户',value:"+msg.gjCount+"})");
	   maparr[1]=eval("({name:'中级用户',value:"+msg.zjCount+"})");
	   pie2init(maparr);  
	}
	zrryhdjfunnew();

	
	// 法人认证\n方式 pie4init
	function frrzfs() {
 	    var msg=[{"实人":0,"银联实名":468,"支付宝实名":1996,"人工实名":35,"公安实名":284881}]; 
 
	   var maparr = []; 
	   var tmpj=-1;
		$.each(msg[0], function (k, v,index) {
			//
			tmpj++;
			maparr[tmpj]=eval("({name:'"+k+"',value:"+v+"})");
		}); 
	   pie4init(maparr); 	
	}
	frrzfs();
	
	// 法人用户等级 pie5init
	function fryhdj(){
 	    var msg={"zfbCount":"2023","dcsmCount":"370","gjCount":"0","cjCount":"300291","swryCount":"7098","regCount":"325111","zjCount":"472","wsmCount":"24348","ylCount":"472","gaCount":"298601","success":"true","rgCount":"37"}; 
 
		   var maparr = []; 
		   /* var tmpj=-1;
			$.each(msg[0], function (k, v,index) {
				//
				tmpj++;
				maparr[tmpj]=eval("({name:'"+k+"',value:"+v+"})");
			});  */
		   maparr[0]=eval("({name:'中级用户',value:"+msg.zjCount+"})");
		   maparr[1]=eval("({name:'初级用户',value:"+msg.cjCount+"})");
		   maparr[2]=eval("({name:'未实名用户',value:"+msg.wsmCount+"})");
		   pie5init(maparr);  
	}
	fryhdj();
	
	// 男女\n比例 pie6init
	function zrrnnbl() {
 	    var msg=[{"女":125666,"男":161348}]
	   var maparr = []; 
	   var tmpj=-1;
		$.each(msg[0], function (k, v,index) {
			//
			tmpj++;
			maparr[tmpj]=eval("({name:'"+k+"',value:"+v+"})");
		}); 
	   pie6init(maparr);  
	}
	zrrnnbl();
	
	// 活跃\n用户 pie7init
	//pie7data[{value: 335, name: '活跃'},{value: 310, name: '不活跃'}]
	function zrrhyyh() {
 	    var msg=[{"不活跃用户":154467,"活跃用户":42126}];  
	   var maparr = []; 
	   var tmpj=-1;
		$.each(msg[0], function (k, v,index) {
			//
			tmpj++;
			maparr[tmpj]=eval("({name:'"+k+"',value:"+v+"})");
		}); 
	   pie7init(maparr);  
	}
	zrrhyyh();
	
	
	//	实名用户 pie8init 
	function zrrsmyh() {
 	    var msg=[{"实名认证":287013,"未实名用户":21469}];
	   var maparr = []; 
	   var tmpj=-1;
		$.each(msg[0], function (k, v,index) {
			//
			tmpj++;
			maparr[tmpj]=eval("({name:'"+k+"',value:"+v+"})");
		}); 
	   pie8init(maparr);  
	}
	zrrsmyh(); 
	
	</script>
</body>
</html>